module teapo.app {

  export class TopLayout {

​

    private _drive: persistence.Drive = null;

    private _fileTree: teapo.files.FileTree = null;

    private _host: docs.DocHost = null;

    private _hostElement: HTMLElement = null;

    constructor() {

    }

    initWithMainContent(mainContent: HTMLElement) {

      this._hostElement = mainContent;

      if (this._hostElement && this._fileTree)

        this._hostAndTreeLoaded();

    }

    initWithFlyout(flyout: HTMLElement) {

      try {

        var fileTree = new teapo.files.FileTree(flyout);

​

        var domTimestamp = 0;

​

        persistence.mountDrive(

          fileTree,

          uniqueKey,

          domTimestamp,

          <any>teapo.persistence,

          mountedDrive => { 

            this._fileTree = fileTree;

            this._drive = mountedDrive;

            if (this._hostElement && this._fileTree)

              this._hostAndTreeLoaded();

          });

      }

      catch (error) {

        alert(error + ' ' + error.stack);

        return;

      }

    }

    private _hostAndTreeLoaded() {

      alert('host and tree loaded '+this._drive.files().join(', '));

    }

  }

}